<template>
  <div id="app">
		<cover :config="config" @getData="getData"></cover>
		<tree-menu :config="treeConfig" :jump="jump"></tree-menu>
  </div>
</template>

<script>
import cover from './components/cover.vue'
import treeMenu from './components/treeMenu.vue'
export default {
  name: 'app',
  components: {
		cover,
		treeMenu
  },
	data(){
		return {
			config:{
				isDetail:false,
				pageStyle:{},
				headerStyle:{},
				bodyStyle:{},
				footerStyle:{},
				HeaderTitle:"卷宗页眉",
				ContentTitle:"卷宗标题",
				FooterTitle:"卷宗页脚",
				content:[
					{title:"卷宗号",value:"10334441"},
					{title:"创建人",value:"张三"},
					{title:"日期",value:"2021-01-20"},
					{title:"对象",value:"执法人"}
				]
			},
			treeConfig:{
				pageStyle:{},
				headerStyle:{},
				bodyStyle:{},
				footerStyle:{},
				HeaderTitle:"卷宗页眉",
				ContentTitle:"目录",
				FooterTitle:"卷宗页脚",
				list:[
					{name:"封面",number:"1"},
					{name:"目录",number:"2"},
					{name:"执法单",number:"3",children:[
						{name:"执法单1",number:"4"},
						{name:"执法单2",number:"5"}
					]},
					{name:"整改单",number:"6",children:[
						{name:"整改单1",number:"7"},
						{name:"整改单2",number:"8"}
					]},
					{name:"处罚单",number:"9",children:[
						{name:"处罚单1",number:"10"}
					]},
				]
			}
		}
	},
	methods:{
		getData(e){
			console.log(e)
		},
		jump(){
			console.log("外部跳转事件")
		}
	}
}
</script>

<style>

</style>
